<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--
        ES6模块化
        + 必须在服务器环境里面打开
          => vscode插件
          => live server
          => 你只有使用live server插件打开当前的文件，这个插件就会自动把代码放到模拟的服务器上面
          => 热更新（自动刷新浏览器）
        + 必须在引入模块的script标记行内设置type='module'
          => 其实就是为了让浏览器区分你引入的js文件是否为一个模块
          => 如果添加了这个属性那么就会当成模块化的规则去处理
    -->
    <button>新闻</button>
    <button>游戏</button>
    <div></div>
    <script src="./js/main.js" type="module"></script>
</body>
</html>